# Tag

## Installation
`npm i @snack-uikit/tag`

[Changelog](./CHANGELOG.md)

[//]: DOCUMENTATION_SECTION_START
[//]: THIS_SECTION_IS_AUTOGENERATED_PLEASE_DONT_EDIT_IT
## Tag
### Props
| name | type | default value | description |
|------|------|---------------|-------------|
| label* | `string` | - | Текст |
| size | enum Size: `"xs"`, `"s"` | xs | Размер |
| appearance | enum Appearance: `"neutral"`, `"primary"`, `"red"`, `"orange"`, `"yellow"`, `"green"`, `"blue"`, `"violet"`, `"pink"` | neutral | Внешний вид |
| onDelete | `MouseEventHandler<HTMLButtonElement>` | - | Коллбэк на удаление |
| className | `string` | - | CSS-класс |
| tabIndex | `number` | - | tabIndex кнопки удаления |
## TagRow
### Props
| name | type | default value | description |
|------|------|---------------|-------------|
| items* | `TagRowItem[]` | - | Массив тэгов |
| rowLimit | `number` | - | Лимит количества рядов тэгов. При достижении лимита тэги скрываются под кнопкой. Отсутствие лимита или значение равное нулю отобразит весь список |
| size | enum Size: `"xs"`, `"s"` | - | Размер |
| moreButtonLabel | `string` | - | Текст кнопки, при наведении на которую отображается список скрытых тэгов |
| className | `string` | - | CSS-класс |
| onItemRemove | `(item: string) => void` | - | Коллбэк на клик по удалению тэга |


[//]: DOCUMENTATION_SECTION_END
